
html {
  .el-table {
    thead {
      th {
        background-color: var(--el-fill-color-light) !important;
      }
    }
  }

  .white {
    background-color: var(--el-color-white);
  }

  .text-white {
    color: var(--el-color-white);
  }

  .i-page {
    padding: 16px;
    overflow-y: auto;
    overflow-x: hidden;

    .i-content {
      border-radius: var(--el-border-radius-base);
      margin-bottom: 16px;
      background-color: var(--el-color-white);
    }
  }
}

html.dark {
  .el-table {
    thead {
      th {
        background-color: var(--el-fill-color-light) !important;
      }
    }
  }

  .white {
    background-color: var(--el-color-black);
  }

  .text-white {
    color: var(--el-color-black);
  }

  .i-page {
    .i-content {
      background-color: var(--el-fill-color-blank);
    }
  }
}

.el-descriptions__label {
  font-weight: 700 !important;
}

.el-table {
  border-radius: 6px !important;
  background-color: transparent !important;

  tr {
    td, th {
      &:last-child {
        border-right: none !important;
      }
    }
  }

  tbody {
    .el-table__row {
      border-right: none !important;

      &:last-child {
        td {
          border-bottom: none !important;
        }
      }
    }
  }

  &.el-table--border {
    border: 1px var(--el-border-color-lighter) solid !important;

    tbody {

      tr {
        border-bottom-left-radius: 6px !important;

        &:last-child {
          td {
            &:first-child {
              border-bottom-left-radius: 6px !important;
            }

            &:last-child {
              border-bottom-right-radius: 6px !important;
            }
          }
        }
      }
    }

    .el-table__border-left-patch {
      width: 0 !important;
      height: 0 !important;
    }

    .el-table__inner-wrapper {
      &:before {
        width: 0 !important;
        height: 0 !important;
      }

      &:after {
        width: 0 !important;
        height: 0 !important;
      }
    }

    &:before {
      width: 0 !important;
      height: 0 !important;
    }

    &:after {
      width: 0 !important;
      height: 0 !important;
    }
  }

}

.el-tree {
  .el-tree-node {
    .el-tree-node__content {
      height: 28px !important;
      border-radius: var(--el-border-radius-base);
      margin-bottom: 4px;

      &:hover {
        transition: 0.3s cubic-bezier(0.4, 0, 0.6, 1) !important;
      }
    }
  }
}

.el-select-dropdown__list {
  padding: 0 6px !important;
}

.el-select-dropdown__item {
  border-radius: var(--el-border-radius-base);
}

.el-dialog {
  border: 1px var(--el-border-color-light) solid;
  border-radius: 8px !important;
}

.el-divider--horizontal {
  margin: 16px 0 !important;
}

